/* CSS Document */
.self{ height:14rem; padding-top:2rem; background:#ffea01; text-align:center;}
.self div{ width:50%; margin:0 auto 0.6rem; background:url(../img/icon_p_bg.png) no-repeat center top; background-size:contain;}
.self img{ width:7.0rem;height: 7.0rem; border-radius:50%; border:2px solid #fff;}
.self h5{ line-height:2.4rem; font-size:1.5rem;}
.self p{ font-size:1.2rem;}

.ul_rank{ padding-left:0.8rem;}
.ul_rank li{ width:100%; padding:0.9rem 0; background:#fff; border-bottom:1px solid #e5e5e5; font-size:1.4rem; text-align:left;
display:-moz-box; display:-webkit-box; box-sizing:border-box; -webkit-box-align:center; -webkit-moz-align:center; box-align:center;}
.ul_rank li:nth-of-type(1) div:nth-of-type(1){ text-indent:-9999px; background:url(../img/icon_top_1.png) no-repeat left center/3.6rem auto;}
.ul_rank li:nth-of-type(2) div:nth-of-type(1){ text-indent:-9999px; background:url(../img/icon_top_2.png) no-repeat left center/3.6rem auto;}
.ul_rank li:nth-of-type(3) div:nth-of-type(1){ text-indent:-9999px; background:url(../img/icon_top_3.png) no-repeat left center/3.6rem auto;}
.ul_rank div:nth-of-type(1){ width:4.6rem; height:4.6rem; line-height:4.6rem; }
.ul_rank div:nth-of-type(2) img{ width:28%; max-width:100px; margin-right:10px; border-radius:50%; vertical-align:middle;}
.ul_rank div:nth-of-type(2){ -webkit-box-flex:1; -moz-box-flex:1; box-flex:1; text-indent:0.4rem;}
.ul_rank div:nth-of-type(3){ width:20%; text-align:right; margin-right:1rem;}